<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:c="http://java.sun.com/jstl/core"
  xmlns:ch="http://sourceforge.net/projects/jsf-comp"
  xmlns:fn="http://java.sun.com/jsp/jstl/functions"	
  xmlns:t="http://myfaces.apache.org/tomahawk"
  xmlns:p="http://primefaces.org/ui">
  
   <ui:composition template="/template/pPrincipal.xhtml">
   <ui:define name="head">
	    <title>Asesor 360</title>
	    <script type="text/javascript"> 
		    function handleRegEditPreguntaRequest(xhr,status,args) {
	        	 if(args.bandGrabarPreg) {
	        		 wdgInfPregunta.hide();    
	             }   
	        }  
	    </script>
   </ui:define>	
   <ui:define name="titulopagina">
		<h:outputText value="ADMINISTRACION DE CUESTIONARIO" />
   </ui:define>
   <ui:define name="agregaIconoExcelRe"/>
   <ui:define name="agregaIconoEmail"/>
   <ui:define name="agregaIconoPDFRe"/>
   <ui:define name="agregaIconoEjecutivos"/> 
   	
   <ui:define name="bodyarea">
   <input type="hidden" id="nomReporte" name="nomReporte" value="cuestionarioPregunta"/>
   <f:event type="preRenderView" listener="#{administrarCuestionario.onPageLoad}"/>  
   <p:messages id="messages" showDetail="true" closable="true" />
   <h:panelGrid width="100%" headerClass="cabeceraPanelSimple" cellspacing="0" 
		cellpadding="5" styleClass="bordePanel" columns="1"
		style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">  
      	<f:facet name="header">  
			<h:outputText value="Mantenimiento de Secciones de Cuestionario de Perfilamiento del Cliente" />
     	</f:facet>
	     <h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
	         cellpadding="5" styleClass="bordePanel" columns="1"
	         style="width:100%; margin-left: 0px; margin-top: 3px; margin-bottom:5px">
		 	<f:facet name="header">  
		       <h:outputText value="Criterio de Búsqueda" />
		    </f:facet>  
               <h:panelGrid columns="4">
	          	<h:outputText value="Seccion:" styleClass="texto"/>
	          	<h:outputText value=""/>
	          	<p:selectOneMenu id="cmbSeccion" value="#{administrarCuestionarioModel.idSeccion}" converter="seccionPreguntasConverter"  >
				 	<f:selectItems value="#{comboModel.listSecciones}" /> 
					<p:ajax event="change" listener="#{administrarCuestionario.consultaPreguntasController}" 
						update="formPrincipal:panelPreguntas,formPrincipal:mensajeBusqueda,formPrincipal:panelAgregar"/>
			  	</p:selectOneMenu>
			  	<p:spacer height="10" />
		 	</h:panelGrid>
		    <h:outputText value="#{administrarCuestionario.mensajeBusqueda}" id="mensajeBusqueda" styleClass="messages"/>
   		</h:panelGrid>
        <h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
	         cellpadding="5" styleClass="bordePanel" columns="1"
	         style="width:100%; margin-left: 0px; margin-top: 3px; margin-bottom:5px">  
		    <f:facet name="header">  
				 <h:outputText value="Resultados" />
			</f:facet>
	        <h:panelGrid  width="99%" id="panelPreguntas">
				<h:panelGrid columns="2">
		         <p:dataTable id="tablePreguntas" value="#{administrarCuestionarioModel.listaPreguntas}" var="fila" emptyMessage="No existe información."
		         	styleClass="styleDataTableWrapNormal" >
		            <p:column headerText="Orden" width="20"    >   
						<h:outputText value="#{fila.ORDEN}"  />  
					</p:column>
					<p:column headerText="Preguntas" width="600"  >   
						<h:outputText value="#{fila.DESCRIPCIONPREGUNTA}"  />
					</p:column>
					<p:column  width="20" style="text-align:center">
					  <p:commandButton   id="editarCuestionario"  oncomplete="wdgInfPregunta.show();limpiaValidacionPregunta()"
		               icon="ui-icon-pencil"  actionListener="#{administrarCuestionario.cargarValoresEdicion(fila)}"
		               update=":formularioPanel:usuarioModificacion,:formularioPanel:fechaModificacion,:formularioPanel:tipoRespuesta,:formularioPanel:nombre,
		               :formularioPanel:descripcion,:formularioPanel:panelEscenarios1,:formularioPanel:panelEscenarios2,:formularioPanel:regionModificacion,
		               :formularioPanel:hiddeSeccion,:formularioPanel:hiddePregunta" /> 
		               <p:tooltip for="editarCuestionario" value="Editar" showEffect="fade" hideEffect="fade" />
					</p:column>
					<p:column  width="20" style="text-align:center" > 
						 <p:commandLink    id="btnAlternativa" actionListener="#{administrarCuestionario.AdministrarAlternativas}" >
						       <p:graphicImage value="/imagenes/iconos/editar.png" />
							   <f:setPropertyActionListener value="#{fila.IDPREGUNTA}" target="#{administrarCuestionarioModel.idPregunta}"/>
							   <f:setPropertyActionListener value="#{fila.ORDEN}" target="#{administrarCuestionarioModel.ordenPregunta}"/>
							   <f:setPropertyActionListener value="#{fila.IDTIPORESPUESTA}" target="#{administrarCuestionarioModel.idTipoRespuesta}"/>
							   <f:setPropertyActionListener value="#{fila.DESCRIPCIONTIPORESPUESTA}" target="#{administrarCuestionarioModel.tipoPregunta}"/>
							   <f:setPropertyActionListener value="#{fila.DESCRIPCIONPREGUNTA}" target="#{administrarCuestionarioModel.despregunta}"/>
							   <f:setPropertyActionListener value="#{fila.CODREGISTROMODIFICACION}" target="#{administrarCuestionarioModel.usuarioModificacion}"/>
							   <f:setPropertyActionListener value="#{fila.FECHAMODIFICACION}" target="#{administrarCuestionarioModel.fechaModificacion}"/>
							   <f:setPropertyActionListener value="#{fila.NROESCENARIOS}" target="#{administrarCuestionarioModel.escenarios}"/>
						 </p:commandLink>
						<p:tooltip for="btnAlternativa" value="Alternativas" showEffect="fade" hideEffect="fade" />
					</p:column>
					<p:column width="10">
						 <p:commandButton  id="btnEliminar" icon="ui-icon-close" onclick="dlg1.show();" 
						 	actionListener="#{administrarCuestionario.eliminarPregunta(fila)}" update=":formElim:idItemEliminar" />
						 <p:tooltip for="btnEliminar" value="Eliminar" showEffect="fade" hideEffect="fade" />
					</p:column>
					<p:column headerText="Ordenar" width="45" >
					   <p:commandButton    id="icoSubir" icon="ui-icon-arrowthick-1-n" ajax="true"  
					   		actionListener="#{administrarCuestionario.accionSubir(fila)}" update=":formPrincipal:panelPreguntas,:formPrincipal:tablePreguntas"/> 
		               <p:tooltip for="icoSubir" value="Subir" showEffect="fade" hideEffect="fade" />  
		               <p:commandButton  id="icoBajar" icon="ui-icon-arrowthick-1-s" ajax="true" 
		              		actionListener="#{administrarCuestionario.accionBajar(fila)}" update=":formPrincipal:panelPreguntas,:formPrincipal:tablePreguntas"/> 
		                <p:tooltip for="icoBajar" value="Bajar" showEffect="fade" hideEffect="fade" />
					</p:column>
					<p:spacer height="10px"/>
		         </p:dataTable>
				</h:panelGrid>
	        </h:panelGrid>
	        <h:panelGrid columns="1" id="panelAgregar">
	        	<p:commandButton oncomplete="wdgInfPregunta.show();limpiaValidacionPregunta()" value="Nuevo"  id="btnNuevo" 
	               action="#{administrarCuestionario.nuevaPregunta}" rendered="#{!empty administrarCuestionarioModel.listaPreguntas}" 
					icon="ui-icon ui-icon-document" 
					update=":formularioPanel:usuarioModificacion,:formularioPanel:fechaModificacion,:formularioPanel:tipoRespuesta,
					:formularioPanel:nombre,:formularioPanel:descripcion,:formularioPanel:panelEscenarios1,:formularioPanel:regionModificacion
					:formularioPanel:panelEscenarios2,:formularioPanel:hiddeSeccion,:formularioPanel:hiddePregunta"/>
			 </h:panelGrid>
       </h:panelGrid>
   </h:panelGrid>
	</ui:define> 
	
	<ui:define name="extraarea">
	  <p:dialog id="basicDialog" header="Mensaje de Confirmacion" widgetVar="dlg1"  resizable="false"
	       showEffect="fade" modal="true" width="300">   
           <h:form id="formElim">
             <h:panelGrid columns="1" cellpadding="4" id="idContentMainM">
                <h:panelGrid columns="1">
                <h:outputText value="¿Está seguro que desea eliminar la Pregunta?" ></h:outputText>
                </h:panelGrid>
                <h:panelGrid columns="3">
                <p:commandButton value="Aceptar" oncomplete="dlg1.hide();" actionListener="#{administrarCuestionario.eliminar}"
                	update=":formPrincipal:tablePreguntas,:formPrincipal:panelPreguntas" icon="ui-icon-check" id="btnEliminar"/>  
                <p:spacer height="10px" width="70px"/>
                <p:commandButton value="Cancelar" icon="ui-icon-cancel" oncomplete="dlg1.hide()"/>
                </h:panelGrid>
                <h:inputHidden value="#{administrarCuestionario.idItemEliminar}" id="idItemEliminar"/>
             </h:panelGrid>
             <p:blockUI block=":formElim:idContentMainM" trigger=":formElim:btnEliminar">
				<h:panelGrid columns="2">
					<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
					<h:outputText value="Eliminando..." style="white-space: nowrap;" />
				</h:panelGrid>
			  </p:blockUI>
           </h:form>
      </p:dialog>
	
	  <p:dialog header="Informacion de Pregunta" widgetVar="wdgInfPregunta" resizable="false" id="panelInformacionPregunta" 
          showEffect="fade" modal="true">
          <h:form id="formularioPanel">
           <p:messages id="new_messages" showDetail="true" closable="true" /> 
           <input type="hidden" id="isPostAdministrarPregunta" name="isPostAdministrarPregunta" value="true" />
           <h:panelGrid id="idContentMainM" width="100%">
           <h:panelGrid id="regionModificacion">
             <h:panelGrid columns="4" rendered="#{administrarCuestionario.mostrarModificacion}">
			    <h:outputText value="Usuario Modificación:" style="align-text:left" styleClass="texto"/>
				<h:panelGrid width="80px">
					<h:outputText value="#{administrarCuestionario.usuarioModificacion}" id="usuarioModificacion" style="align-text:left;width:100px" styleClass="inputText"/>
				</h:panelGrid>
				<h:outputText value="Fecha Modificación:" style="align-text:left" styleClass="texto"/>
				<h:panelGrid width="80px">
					   <h:outputText value="#{administrarCuestionario.fechaModificacion}"  id="fechaModificacion" style="align-text:left;" styleClass="inputText">
						   	<f:converter converterId="fechaConverte"/>
				       </h:outputText>
				</h:panelGrid>
			 </h:panelGrid>
           </h:panelGrid>
           <h:panelGrid columns="2" width="100%">
			   <h:outputText value="Tipo de Respuesta:" width="350" styleClass="texto"/>
			   <h:panelGrid columns="2" >
			     <p:selectOneMenu value="#{administrarCuestionario.tipoRespuesta}" id="tipoRespuesta"  >
					<f:selectItems value="#{administrarCuestionarioModel.listTipoRespuestas}"/>
					<p:ajax event="change" listener="#{administrarCuestionario.evaluaTipoRespuesta}" update="panelEscenarios1,panelEscenarios2"/>
			     </p:selectOneMenu>
			     <h:outputText id="msjValTipo" styleClass="messages"/>
			   </h:panelGrid>
			   <h:outputText value="Nombre:"  styleClass="texto"/>
			   <h:panelGrid columns="2">
				  <h:inputText styleClass="textoArea" value="#{administrarCuestionario.nombre}" id="nombre" />
				  <h:outputText id="msjValNombre" styleClass="messages"/>
			    </h:panelGrid>
				<h:outputText value="Descripción:" styleClass="texto"/>
				<h:panelGrid  columns="2">
				   <h:inputText styleClass="textoArea" value="#{administrarCuestionario.descripcion}" id="descripcion"/>
				   <h:outputText id="msjValDescripcion" styleClass="messages"/>
				</h:panelGrid>
				<h:panelGrid columns="1" id="panelEscenarios1">
				   <h:outputText value="Nro.Escenarios:" style="align-text:right" styleClass="texto" rendered="#{administrarCuestionario.visibleEscenario}"/>
				</h:panelGrid>
				<h:panelGrid columns="1" id="panelEscenarios2">
				   <h:inputText styleClass="inputText" onkeypress = "return CatchNonNumbers_(event,0,1,'.',this,2,12,this);" value="#{administrarCuestionario.nroEscenarios}" id="nroEscenarios" rendered="#{administrarCuestionario.visibleEscenario}"/>
				</h:panelGrid>
		   </h:panelGrid>	
		   <h:outputText id="msjValidacion" styleClass="messages"/>  
		   <h:inputHidden value="#{administrarCuestionario.idSeccionHidden}" id="hiddeSeccion"/>
		   <h:inputHidden value="#{administrarCuestionario.idPreguntaHidden}" id="hiddePregunta"/>
           <h:panelGrid columns="4" >
              <p:spacer height="10px" width="100px"/>  
              	<p:commandButton  value="Guardar" icon="ui-icon-disk" oncomplete="handleRegEditPreguntaRequest(xhr, status, args)"
                	actionListener="#{administrarCuestionario.guardarCuestionario}" id="btnGuardar"/>  
                <p:spacer height="10px" width="100px"/> 
				<p:commandButton  value="Cancelar"  icon="ui-icon-cancel" oncomplete="wdgInfPregunta.hide()" />
           </h:panelGrid>
           </h:panelGrid>
           <p:blockUI block=":formularioPanel:idContentMainM" trigger=":formularioPanel:btnGuardar">
				<h:panelGrid columns="2">
					<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
					<h:outputText value="Guardando..." style="white-space: nowrap;" />
				</h:panelGrid>
			</p:blockUI>
          </h:form> 
      </p:dialog>
	</ui:define>
   </ui:composition> 
 </html>